.ih5-carousel__item, .ih5-carousel__mask {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

.ih5-carousel__item {
    width: 100%;
    display: inline-flex;
    overflow: hidden;
    z-index: 0
}

.ih5-carousel__item.is-active {
    z-index: 2
}

.ih5-carousel__item.is-animating {
    -webkit-transition: -webkit-transform var(--transition) ease-in-out;
    transition: -webkit-transform var(--transition) ease-in-out;
    transition: transform var(--transition) ease-in-out;
    transition: transform var(--transition) ease-in-out,-webkit-transform var(--transition) ease-in-out
}

.ih5-carousel__item--card {
    width: 50%;
    -webkit-transition: -webkit-transform var(--transition) ease-in-out;
    transition: -webkit-transform var(--transition) ease-in-out;
    transition: transform var(--transition) ease-in-out;
    transition: transform var(--transition) ease-in-out,-webkit-transform var(--transition) ease-in-out
}

.ih5-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.ih5-carousel__item--card.is-in-stage.is-hover .ih5-carousel__mask, .ih5-carousel__item--card.is-in-stage:hover .ih5-carousel__mask {
    opacity: .12
}

.ih5-carousel__item--card.is-active {
    z-index: 2
}

.ih5-carousel__mask {
    width: 100%;
    opacity: .24;
    -webkit-transition: .2s;
    transition: .2s
}